High Contrast Inverse: switches
authorJakub Steiner <jimmac@gmail.com>
Thu, 24 Mar 2016 15:43:20 +0000 (16:43 +0100)
committerJakub Steiner <jimmac@gmail.com>
Thu, 24 Mar 2016 15:43:20 +0000 (16:43 +0100)
- make sure both non active and active states are contrasty

https://bugzilla.gnome.org/show_bug.cgi?id=763802

gtk/theme/HighContrast/_common.scss
gtk/theme/HighContrast/gtk-contained-inverse.css
gtk/theme/HighContrast/gtk-contained.css

index 7eaac032a9200fb3c7fd7effff3d642f1268c847..e08ec7e869641abfdd3135355b4e26527b3bca8d 100644 (file)
@@ -1971,11 +1971,11 @@ switch {
     border-style: solid;
     border-radius: 3px;
     border-color: $borders_color;
-    background-color: mix($bg_color,$borders_color,60%);
+    background-color: $dark_fill;
     box-shadow: inset 0 1px transparentize(black, 0.9); /*outset not working*/
     text-shadow: 0 1px transparentize(black, 0.9);
-    &:checked {
-        color: white;
+    &:active {
+        color: $selected_fg_color;
         border-color: $selected_borders_color;
         background-color: $selected_bg_color;
         text-shadow: 0 0 2px white;
index 30752541e9ecd8464abf12563afc518d70690f65..83dc0cceadafa7ef0a87064707fa9251bc9d30fe 100644 (file)
@@ -2023,12 +2023,12 @@ switch {
   border-style: solid;
   border-radius: 3px;
   border-color: gray;
-  background-color: #333333;
+  background-color: #1a1a1a;
   box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
   /*outset not working*/
   text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
-  switch:checked {
-    color: white;
+  switch:active {
+    color: #000;
     border-color: #aaa;
     background-color: #ddd;
     text-shadow: 0 0 2px white; }
index 7955d1e6a07689db9bedab02f1640c947243c4c6..86af6bca517d6745bbad592eae17d01639a3d449 100644 (file)
@@ -2027,12 +2027,12 @@ switch {
   border-style: solid;
   border-radius: 3px;
   border-color: gray;
-  background-color: #cccccc;
+  background-color: gray;
   box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
   /*outset not working*/
   text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
-  switch:checked {
-    color: white;
+  switch:active {
+    color: #fff;
     border-color: #000;
     background-color: #000;
     text-shadow: 0 0 2px white; }